<script setup lang="ts">
const isDark = useDark()
const preferredDark = usePreferredDark()

useHead({
  title: '夜读工坊 · 深度前端与设计研究',
  meta: [
    {
      name: 'description',
      content: '夜读工坊聚焦前端工程、体验设计与知识体系建设，将若依博客的真实数据转译为高质感的中文阅读体验。',
    },
    {
      name: 'theme-color',
      content: () => (isDark.value ? '#101823' : '#f6efe3'),
    },
  ],
  link: [
    {
      rel: 'icon',
      type: 'image/svg+xml',
      href: () => (preferredDark.value ? '/favicon-dark.svg' : '/favicon.svg'),
    },
  ],
})
</script>

<template>
  <RouterView />
</template>
